<template>
  <a-modal title="新建规则" :width="640" :visible="visible" @cancel="onCancel" @ok="onOk">
    <a-form>
      <a-form-item label="栏目1">
        <a-input></a-input>
      </a-form-item>
      <a-form-item label="栏目2">
        <a-input></a-input>
      </a-form-item>
    </a-form>
  </a-modal>
</template>
<script>
export default {
  props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  data() {
    return {
      a: 1,
      b: 2
    }
  },
  methods: {
    show() {
      this.visible = true
    },
    onCancel() {
      this.visible = false
    },
    onOk() {
      this.visible = false
    }
  }
}
</script>
